<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"%>
<%@ include file="header.jsp" %>
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>邀请卡制作页面</title>
    <link rel="stylesheet" type="text/css" href="css/herstellung2.css" media="all"/>
	</head>
	<body>
    	<!--区域1 -->
		<div id="templatenliste"> 
        	<h1>热门邀请卡推荐</h1>
            <hr style="width:100%"/>
        	<ul>
            	<li>
                	<img src="images/cover1 (2).jpg" alt="FrontCover"/>	
                    <span>婚礼邀请卡模板1</span>
                </li>
                <li>
                	<img src="images/cover1 (2).jpg" alt="Background1"/>	
                    <span>婚礼邀请卡模板2</span>
                </li>
                <li>
                	<img src="images/cover1 (2).jpg" alt="Background2"/>	
                    <span>婚礼邀请卡模板3</span>
                </li>
                <li>
                	<img src="images/cover1 (2).jpg" alt="Background3"/>	
                    <span>婚礼邀请卡模板4</span>
                </li>
                <li>
                	<img src="images/cover1 (2).jpg" alt="BackCover"/>	
                    <span>婚礼邀请卡模板5</span>
                </li>
            </ul>
        </div>
        
        <!-- 区域2 -->
        <div id="herstellungzone">
        	<h1>产品制作区域</h1>
            <hr style="width:100%"/>
            <form action="user_success.jsp">
            <div class="herstellen">
        		<ul>
            		<li>
                    	<img class="template" src="images/KT1.jpg" alt="Template" width="726px" height="372px"/>
                        <h2>封面</h2>
                        <h3> 步骤一：</h3>
                        	 <h4> 输入结婚日期:<input class="ctext" type="text" value="如：2017-5-5"/></h4>
                             <h4> 输入新娘名字:<input class="ctext" type="text" value="女方姓名"/></h4>
                             <h4> 输入新郎名字:<input class="ctext" type="text" value="男方姓名"/></h4>
                             <input type="button" value="预览"/>
                             <input type="button" value="修改"/>
                             <input type="button" value="保存"/>
                             <hr/>   
                    </li>
                    <li><img class="template" src="images/KT2.jpg" alt="Template" width="726px" height="372px"/>
                    	<h2>内页</h2>
                        <h3> 步骤二:</h3>
                        	 <h4> 上传婚纱照片:<input class="ctext" type="file" value="婚纱照片"/></h4>
                             <h4> 输入宴客时间：<input class="ctext" type="text" value="如12:00"/></h4>
                             <h4> 输入宴客地点:<input class="ctext" type="text" value="酒店地址"/></h4>
                             <input type="button" value="预览"/>
                             <input type="button" value="修改"/>
                             <input type="button" value="保存"/>	
                             <hr/>
                        <h3> 步骤三:</h3>
                        	<h4> 输入邀请人姓名:<input class="ctext" type="text" value="如：张三"/> <input type="button" value="添加新邀请人"/> </h4>
                            	<input type="button" value="预览"/>
                                <input type="button" value="修改"/>
                                <input type="button" value="删除"/>
                            	<input type="button" value="保存"/>  
                            	 <hr/>           
                    </li>
                    <li>
                     <span id="centerinput">
                     	<input type="submit" value="提交" />
                    	<input type="button" value="取消" />
                    </span>
                    </li>
            	</ul>
            </div>
            </form>
    	</div>		
	</body>
</html>